<%--
  Created by IntelliJ IDEA.
  User: wang
  Date: 2022/12/17
  Time: 12:25
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description"
        content="Probably the most complete UI kit out there. Multiple functionalities and controls added,  extended color palette and beautiful typography, designed as its own extended version of Bootstrap at  the highest level of quality.                             ">
  <meta name="author" content="Webpixels">
  <title>注册页面</title>
  <!-- Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700,800|Roboto:400,500,700" rel="stylesheet">
  <!-- Theme CSS -->
  <link type="text/css" href="assets/css/theme.css" rel="stylesheet">
  <link type="text/css" href="assets/css/demo.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-transparent navbar-dark bg-dark py-4">
  <div class="container">
    <a class="navbar-brand" href="#"><strong>易物平台</strong></a>
    <button class="navbar-toggler" type="button" data-action="offcanvas-open" data-target="#navbar_main"
            aria-controls="navbar_main" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="navbar-collapse offcanvas-collapse" id="navbar_main">
      <ul class="navbar-nav ml-auto align-items-lg-center">
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="navbar_main_dropdown_1" role="button"
             data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">选项</a>
          <div class="dropdown-menu" aria-labelledby="navbar_1_dropdown_1">
            <a class="dropdown-item" href="index.jsp">登录</a>
            <a class="dropdown-item" href="UserGoodsList.jsp">交易广场</a>
            <a class="dropdown-item" href="userselfgoods.jsp">个人中心</a>
          </div>
        </li>
      </ul>
    </div>
  </div>
</nav>

<%--可能是结构太复杂,不知道为什么,注册按钮点击后页面并没有反应,功能也没有实现,所以就暂时用了一个结构比较简单的代码
但是此处依然保留,留待将来升级更新系统时解决此问题--%>

<%--<main class="main">--%>
<%--  <section class="spotlight parallax bg-cover bg-size--cover" data-spotlight="fullscreen"--%>
<%--           style="background-image: url('assets/images/backgrounds/img-3.jpg')">--%>
<%--    <span class="mask bg-tertiary alpha-7"></span>--%>
<%--    <div class="spotlight-holder py-lg pt-lg-xl">--%>
<%--      <div class="container d-flex align-items-center no-padding">--%>
<%--        <div class="col">--%>
<%--          <div class="row cols-xs-space align-items-center text-center text-md-left justify-content-center">--%>
<%--            <div class="col-lg-8 bg-white card">--%>
<%--              <div class="text-center"><br><br>--%>
<%--                <h1><strong class="text-dark">用户注册</strong></h1><br>--%>
<%--              </div>--%>
<%--              <div class="container mt-3">--%>

<%--                <form action="${pageContext.request.contextPath}/AddUserController" method="post">--%>

<%--                  <div class="form-group row">--%>
<%--                    <label for="username" class="col-sm-2">用户名:</label>--%>
<%--                    <div class="col-sm-10">--%>
<%--                      <input type="text" id="username" name="username" class="form-control" placeholder="请输入用户名" required autofocus>--%>
<%--                    </div>--%>
<%--                  </div>--%>
<%--                    --%>
<%--                  <div class="form-group row">--%>
<%--                    <label for="username" class="col-sm-2">密码:</label>--%>
<%--                    <div class="col-sm-10">--%>
<%--                      <input--%>
<%--                              class="form-control"--%>
<%--                              type="password"--%>
<%--                              name="password"--%>
<%--                              id="password"--%>
<%--                              placeholder="请输入密码"--%>
<%--                              required--%>
<%--                      />--%>
<%--                    </div>--%>
<%--                  </div>--%>
<%--                    --%>
<%--                  <div class="form-group row">--%>
<%--                    <label for="nickname" class="col-sm-2">昵称:</label>--%>
<%--                    <div class="col-sm-10">--%>
<%--                      <input type="text" id="nickname" name="nickname" class="form-control" placeholder="请输入昵称" required>--%>
<%--                    </div>--%>
<%--                  </div>--%>

<%--                  <div class="form-group row">--%>
<%--                    <label for="Sex" class="col-sm-2">性别:</label>--%>
<%--                    <form>--%>
<%--                      <div class="col-sm-3">--%>
<%--                        <input type="radio"  name="sex" value="male" />--%>
<%--                        男--%>
<%--                      </div>--%>
<%--                      <div class="col-sm-3">--%>
<%--                        <input type="radio"  name="sex" value="female" />--%>
<%--                        女--%>
<%--                      </div>--%>
<%--                      <div class="col-sm-3">--%>
<%--                        <input type="radio" name="sex" value="secrecy" />--%>
<%--                        保密--%>
<%--                      </div>--%>
<%--                    </form>--%>
<%--                  </div>--%>

<%--                  <div class="form-group row">--%>
<%--                    <label for="EmailAddress" class="col-sm-2">邮箱地址:</label>--%>
<%--                    <div class="input-group col-sm-10">--%>
<%--                      <input type="email" id="EmailAddress" class="form-control" placeholder="请输入邮箱地址" required>--%>
<%--                      <div class="input-group-append">--%>
<%--                          <span class="input-group-text">--%>
<%--                            @136.com--%>
<%--                          </span>--%>
<%--                      </div>--%>
<%--                    </div>--%>
<%--                  </div>--%>

<%--                  <div class="form-group row">--%>
<%--                    <label for="contact" class="col-sm-2">电话号码:</label>--%>
<%--                    <div class="input-group col-sm-10">--%>
<%--                      <div class="input-group-prepend">--%>
<%--                          <span class="input-group-text">--%>
<%--                            +86--%>
<%--                          </span>--%>
<%--                      </div>--%>
<%--                      <input type="number" id="contact" name="contact" class="form-control" placeholder="请输入电话号码" required>--%>
<%--                    </div>--%>
<%--                  </div>--%>

<%--&lt;%&ndash;                  <div class="form-group row">&ndash;%&gt;--%>
<%--&lt;%&ndash;                    <label for="date" class="col-sm-2">出生日期:</label>&ndash;%&gt;--%>
<%--&lt;%&ndash;                    <div class="col-sm-10">&ndash;%&gt;--%>
<%--&lt;%&ndash;                      <input type="date" id="DateofBirth" class="form-control" placeholder="请输入出生日期" required>&ndash;%&gt;--%>
<%--&lt;%&ndash;                    </div>&ndash;%&gt;--%>
<%--&lt;%&ndash;                  </div>&ndash;%&gt;--%>

<%--                  <div class="form-group row">--%>
<%--                    <div class="col-sm-10 offset-sm-2">--%>
<%--                      <label><input type="checkbox">我同意<a href="#" class="text-success">条款和协议.</a></label>--%>
<%--                    </div>--%>
<%--                  </div>--%>

<%--                  <div class="form-group row">--%>
<%--                    <div class="col-sm-10 offset-sm-2">--%>
<%--&lt;%&ndash;                      <button type="submit" class="btn btn-primary"><a href="index.jsp" class="text-white">提交</a></button>&ndash;%&gt;--%>
<%--                      <input type="submit" class="btn btn-primary">注册</input>--%>
<%--                      <input type="reset" class="btn btn-secondary">重置</input>--%>
<%--                    </div>--%>
<%--                  </div>--%>
<%--                  <br><br>--%>
<%--                </form>--%>
<%--              </div>--%>
<%--            </div>--%>
<%--          </div>--%>
<%--        </div>--%>
<%--      </div>--%>
<%--    </div>--%>
<%--  </section>--%>

<%--</main>--%>
<div class="container">
    <form
            action="${pageContext.request.contextPath}/AddUserController"
            method="post"
            class="form-horizontal col-sm-offset-3 col-md-offset-3"
    >
        <h3 class="form-title">新用户注册</h3>
        <div class="col-sm-9 col-md-9">
            <div class="form-group">
                <!--        用户名图标和用户名输入框            -->
                <i class="fa fa-user" aria-hidden="true"></i>
                <input
                        class="form-control"
                        type="text"
                        name="username"
                        id="username"
                        placeholder="请输入用户名"
                        required
                        autofocus
                />

            </div>
            <!--        密码图标和密码输入框                -->
            <div class="form-group">
                <i class="fa fa-key" aria-hidden="true"></i>
                <input
                        class="form-control"
                        type="password"
                        name="password"
                        id="password"
                        placeholder="请输入密码"
                        required
                />
            </div>
            <div class="form-group">
                <i class="fa fa-key" aria-hidden="true"></i>
                <input
                        class="form-control"
                        type="text"
                        name="nickname"
                        id="nickname"
                        placeholder="请输入昵称"
                        required
                />
            </div>

            <div class="form-group">
                <i class="fa fa-key" aria-hidden="true"></i>
                <input
                        class="form-control"
                        type="text"
                        name="contact"
                        id="contact"
                        placeholder="请输入联系方式"
                        required
                />
            </div>

            <div class="form-group">
                <i class="fa fa-key" aria-hidden="true"></i>

                <fieldset>
                    <legend>请选择您的性别:</legend>

                    <div>
                        <input type="radio" id="male" name="gender" value="male">
                        <label for="male">男</label>
                    </div>

                    <div>
                        <input type="radio" id="female" name="female" value="female">
                        <label for="female">女</label>
                    </div>

                    <div>
                        <input type="radio" id="secret" name="secret" value="secret">
                        <label for="secret">保密</label>
                    </div>
                </fieldset>


            </div>


            <div class="form-group">
                <input
                        type="submit"
                        value="注册"
                        class="btn btn-success pull-right"
                />
            </div>
        </div>
    </form>
</div>

<!-- Core -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/popper/popper.min.js"></script>
<script src="assets/js/bootstrap/bootstrap.min.js"></script>
<!-- FontAwesome 5 -->
<script src="assets/vendor/fontawesome/js/fontawesome-all.min.js" defer></script>
<!-- Page plugins -->
<script src="assets/vendor/bootstrap-select/js/bootstrap-select.min.js"></script>
<script src="assets/vendor/bootstrap-tagsinput/bootstrap-tagsinput.min.js"></script>
<script src="assets/vendor/input-mask/input-mask.min.js"></script>
<script src="assets/vendor/nouislider/js/nouislider.min.js"></script>
<script src="assets/vendor/textarea-autosize/textarea-autosize.min.js"></script>
<!-- Theme JS -->
<script src="assets/js/theme.js"></script>
</body>
</html>
